import Vue from 'vue'
import Router from 'vue-router'
import Layout from '@/views/Layout.vue'
import Container from '@/views/Container.vue'
import IconLink from '@/views/IconLink.vue'
import Input from '@/views/Input.vue'
import Select from '@/views/Select.vue'
import Cascader from '@/views/Cascader.vue'
import Switch from '@/views/Switch.vue'
import Slider from '@/views/Slider.vue'
import TimePicker from '@/views/TimePicker.vue'
import DatePicker from '@/views/DatePicker.vue'
import Upload from '@/views/Upload.vue'
import Rate from '@/views/Rate.vue'
import InputNumber from '@/views/InputNumber.vue'
import HelloWorld from '@/components/HelloWorld'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },

    {
      path: '/layout',
      name: 'Layout',
      component: ()=>import('@/views/Layout.vue')
    },

    {
      path: '/container',
      name: 'Container',
      component: ()=>import('@/views/Container.vue')
    },

    {
      path: '/iconlink',
      name: 'IconLink',
      component: ()=>import('@/views/IconLink.vue')
    },

    {
      path: '/button',
      name: 'Button',
      component: ()=>import('@/views/Button.vue')
    },

    {
      path: '/radiocheckbox',
      name: 'RadioCheckbox',
      component: ()=>import('@/views/RadioCheckbox.vue')
    },

    {
      path: '/input',
      name: 'Input',
      component: ()=>import('@/views/Input.vue')
    },

    {
      path: '/inputnumber',
      name: 'InputNumber',
      component: ()=>import('@/views/InputNumber.vue')
    },

    {
      path: '/select',
      name: 'Select',
      component: ()=>import('@/views/Select.vue')
    },

    {
      path: '/cascader',
      name: 'Cascsader',
      component: ()=>import('@/views/Cascader.vue')
    },

    {
      path: '/switch',
      name: 'Switch',
      component: ()=>import('@/views/Switch.vue')
    },

    {
      path: '/slider',
      name: 'Slider',
      component: ()=>import('@/views/Slider.vue')
    },

    {
      path: '/timepicker',
      name: 'TimePicker',
      component: ()=>import('@/views/TimePicker.vue')
    },

    {
      path: '/datepicker',
      name: 'DatePicker',
      component: ()=>import('@/views/DatePicker.vue')
    },

    {
      path: '/upload',
      name: 'Upload',
      component: ()=>import('@/views/Upload.vue')
    },

    {
      path: '/rate',
      name: 'Rate',
      component: ()=>import('@/views/Rate.vue')
    },
    
  ]
})
